<template>
  <Teleport to="#app">
    <ToTop/>
  </Teleport>

  <Header/>

  <main class="xl:px-20% lg:px-16% md:px-10% sm:px-8%  text-gray-700 dark:text-gray-200 basic-layout " >
    <RouterView></RouterView> 
  </main>
  
  <Footer />

</template>
<script setup lang="ts">

</script>
<style lang="scss">

.basic-layout {

  // @media (max-width:640px) {
    
  // }
}
</style>
